<!doctype html>
<html lang="en">

<head>
   
    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!--====== Title ======-->
    <title>Codesk - Coworking Space HTML Template</title>
    
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/we-know-logo.png" type="image/png">

    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Fontawesome css ======-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    
    <!--====== flaticon css ======-->
    <link rel="stylesheet" href="assets/css/flaticon.css">
    
    <!--====== nice select css ======-->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    
    <!--====== animate css ======-->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    
    <!--====== Magnific Popup css ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    
    <!--====== Slick css ======-->
    <link rel="stylesheet" href="assets/css/slick.css">
    
    <!--====== Default css ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style css ======-->
    <link rel="stylesheet" href="assets/css/style.css">
  
  
</head>

<body>

    <!-- PRELOADER -->
    <div class="preloader">
        <div class="lds-ellipsis">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- END PRELOADER -->

    <!--====== OFFCANVAS MENU PART START ======-->

    <div class="off_canvars_overlay">
                
    </div>
    <div class="offcanvas_menu">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="offcanvas_menu_wrapper">
                        <div class="canvas_close">
                            <a href="javascript:void(0)"><i class="fa fa-times"></i></a>  
                        </div>
                        <div class="offcanvas-social">
                            <ul class="text-center">
                                <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                        <div id="menu" class="text-left ">
                            <ul class="offcanvas_main_menu">
                                <li class="menu-item-has-children active">
                                    <a href="#">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Header Versions</a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Header Style 1r</a></li>
                                                <li><a href="index-2.html">Header Style 2</a></li>
                                                <li><a href="index-3.html">Header Style 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="our-team.html">Our Team</a></li>
                                        <li><a href="our-history.html">Our history</a></li>
                                        <li><a href="testimonials.html">testimonials</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Services</a>
                                    <ul class="sub-menu">
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="single-service.html">single service</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Recent Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="projects.html">Projects</a></li>
                                        <li><a href="single-project.html">single project</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="posts.html">posts</a></li>
                                        <li><a href="single-post.html">single post</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Contact</a>
                                </li>
                            </ul>
                        </div>
                        <div class="offcanvas_footer">
                            <span><a href="mailto:tanvirahmed8282@gmail.com"><i class="fa fa-envelope-o"></i> layerdrops@gmail.com</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== OFFCANVAS MENU PART ENDS ======-->
   
    <!--====== HEADER PART START ======-->
    
    <header class="header-area">
        <div class="header-top-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header-top">
                            <ul>
                                <li><a href="mailto:needhelp@codesk.com"><i class="flaticon-message"></i> needhelp@codesk.com</a></li>
                                <li><a href="tel:7778880000"><i class="flaticon-phone-call"></i> 777 888 0000</a></li>
                                <li><a href="#"><i class="flaticon-placeholder"></i> 20 Broklyn Street, New York. USA</a></li>
                            </ul>
                            <div class="dropdown d-none d-md-block">
                                <img src="assets/images/map.png" alt="">
                                <select>
                                    <option value="1">English</option>
                                    <option value="2">Bangla</option>
                                    <option value="3">urdu</option>
                                    <option value="4">Hindi</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-header-item d-flex justify-content-between align-items-center">
                            <div class="main-header-menus  d-flex">
                                <div class="header-logo">
                                    <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
                                </div>
                                <div class="header-menu d-none d-lg-block">
                                    <ul>
                                        <li>
                                            <a class="active" href="#">Home <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Home 1</a></li>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li>
                                                    <a href="#">Header Versions</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="index.html">Header Style 1</a></li>
                                                        <li><a href="index-2.html">Header Style 2</a></li>
                                                        <li><a href="index-3.html">Header Style 3</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="#">Events  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="events.html">Events</a></li>
                                                <li><a href="single-event.html">single event</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Pages  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="pricing.html">pricing</a></li>
                                                <li><a href="book-a-tour.html">book a tour</a></li>
                                                <li><a href="gallery.html">gallery</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">News  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="news.html">news</a></li>
                                                <li><a href="single-news.html">single news</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="header-social d-flex align-items-center">
                                <ul class="d-none d-lg-block">
                                    <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                    <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                                </ul>
                                <div class="toggle-btn ml-30 canvas_open d-lg-none d-block">
                                    <i class="fa fa-bars"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!--====== HEADER PART ENDS ======-->

    <!--====== PAGE TITLE PART START ======-->

    <div class="page-title-area bg_cover" style="background-image: url(assets/images/page-title-bg.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="page-title-content">
                        <h3 class="title">News</h3>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">News</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== PAGE TITLE PART ENDS ======-->

    <!--====== BLOG DETAILS PART ENDS ======-->

    <section class="blog-details">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="blog-details__main">
                        <div class="blog-details__image">
                            <img src="assets/images/blog-details-thumb.jpg" alt="thumb">
                        </div><!-- /.blog-details__image -->
                        <div class="blog-details__content">
                            <div class="blog-one__meta">
                                <a href="#"><i class="fa fa-user-o"></i> by admin</a>
                                <a href="#"><i class="fa fa-comments-o"></i> 2 comments</a>
                            </div><!-- /.blog-one__meta -->
                            <h3>Why your business absolutely needs a virtual office</h3>
                            <p>Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the ndustry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the new design printng and type setting Ipsum Take a look at our round up of the best shows coming soon to your telly box has been the is industrys. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            <p>Lorem Ipsum has industr standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions.</p>
                        </div><!-- /.blog-details__content -->
                        <div class="blog-details__meta">
                            <div class="blog-details__tags">
                                <span>Tags: </span> <a href="#">Construction,</a> <a href="#">Build,</a> <a                                    href="#">Factory</a>
                            </div><!-- /.blog-details__tags -->
                            <div class="blog-details__share">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
                                </ul>
                            </div><!-- /.blog-details__share -->
                        </div><!-- /.blog-details__meta -->
                    </div><!-- /.blog-details__main -->

                    <div class="blog-author">
                        <div class="blog-author__image">
                            <img src="assets/images/author.jpg" alt="author">
                        </div><!-- /.blog-author__image -->
                        <div class="blog-author__content">
                            <h3>Christine Eve </h3>
                            <p>Lorem Ipsum is simply dummy text of the rinting and typesetting been the industry standard dummy text ever sincer condimentum purus.</p>
                        </div><!-- /.blog-author__content -->
                    </div><!-- /.blog-author -->

                    <div class="comment-one">
                        <h3 class="comment-one__block-title">2 Comments</h3><!-- /.comment-one__block-title -->
                        <div class="comment-one__single">
                            <div class="comment-one__image">
                                <img src="assets/images/comment-1-1.jpg" alt="">
                            </div><!-- /.comment-one__image -->
                            <div class="comment-one__content">
                                <h3>Kevin Martin <span class="comment-one__date">20 April, 2020</span></h3>
                                
                                <p>Lorem Ipsum has industr standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                            </div><!-- /.comment-one__content -->
                            <div class="blog-btn">
                                <a href="#" class="main-btn main-btn-2">Reply <i class="flaticon-right-arrow"></i></a>
                            </div>
                            <!-- /.thm-btn comment-one__btn -->
                        </div><!-- /.comment-one__single -->
                        <div class="comment-one__single">
                            <div class="comment-one__image">
                                <img src="assets/images/comment-1-2.jpg" alt="">
                            </div><!-- /.comment-one__image -->
                            <div class="comment-one__content">
                                <h3>Sarah albert <span class="comment-one__date">20 April, 2020</span></h3>
                                <p>Lorem Ipsum has industr standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                            </div><!-- /.comment-one__content -->
                            <div class="blog-btn">
                                <a href="#" class="main-btn main-btn-2">Reply <i class="flaticon-right-arrow"></i></a>
                            </div>
                            <!-- /.thm-btn comment-one__btn -->
                        </div><!-- /.comment-one__single -->
                    </div><!-- /.comment-one -->
                    <div class="comment-form">
                        <h3 class="comment-one__block-title">Leave a Comment</h3><!-- /.comment-one__block-title -->
                        <form  action="#" class="contact-one__form">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="input-box">
                                        <input type="text" placeholder="name" name="name">
                                    </div>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <div class="input-box">
                                        <input type="text" placeholder="Email" name="email">
                                    </div>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <div class="input-box">
                                        <input type="text" placeholder="Phone" name="number">
                                    </div>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-6">
                                    <div class="input-box">
                                        <input type="text" placeholder="Subject" name="subject">
                                    </div>
                                </div><!-- /.col-lg-6 -->
                                <div class="col-lg-12">
                                    <div class="input-box">
                                        <textarea placeholder="Message" name="message"></textarea>
                                    </div>
                                </div><!-- /.col-lg-12 -->
                                <div class="col-lg-12 text-left">
                                    <div class="input-box">
                                        <button type="submit" class="main-btn main-btn-2">Send message</button>
                                    </div>
                                    <!-- /.thm-btn contact-one__btn -->
                                </div><!-- /.col-lg-12 -->
                            </div><!-- /.row -->
                        </form><!-- /.contact-one__form -->
                    </div><!-- /.comment-form -->
                </div><!-- /.col-lg-8 -->
                <div class="col-lg-4 col-md-6 col-sm-7">
                    <div class="sidebar">
                        <div class="sidebar__single sidebar__search">
                            <form action="#" class="sidebar__search-form">
                                <input type="text" name="search" placeholder="Search here...">
                                <button type="submit"><i class="fa fa-search"></i></button>
                            </form>
                        </div><!-- /.sidebar__single -->
                        <div class="sidebar__single sidebar__category">
                            <h3 class="sidebar__title">Categories</h3><!-- /.sidebar__title -->
                            <ul class="sidebar__category-list">
                                <li class="sidebar__category-list-item"><a href="#">Business <i class="fa fa-angle-right"></i></a></li>
                                <li class="sidebar__category-list-item"><a href="#">Coworking <i class="fa fa-angle-right"></i></a></li>
                                <li class="sidebar__category-list-item"><a href="#">Freelancers <i class="fa fa-angle-right"></i></a></li>
                                <li class="sidebar__category-list-item"><a href="#">Creative people <i class="fa fa-angle-right"></i></a></li>
                                <li class="sidebar__category-list-item"><a href="#">Technology <i class="fa fa-angle-right"></i></a></li>
                                <li class="sidebar__category-list-item"><a href="#">Startups <i class="fa fa-angle-right"></i></a></li>
                            </ul><!-- /.sidebar__category-list -->
                        </div><!-- /.sidebar__single -->
                        <div class="sidebar__single sidebar__post">
                            <h3 class="sidebar__title">Recent Posts</h3><!-- /.sidebar__title -->
                            <div class="sidebar__post-wrap">
                                <div class="sidebar__post__single">
                                    <div class="sidebar__post-image">
                                        <div class="inner-block"><img src="assets/images/post-1.png"
                                                alt="Awesome Image" /></div>
                                        <!-- /.inner-block -->
                                    </div><!-- /.sidebar__post-image -->
                                    <div class="sidebar__post-content">
                                        <h4 class="sidebar__post-title"><a href="single-post.html">Why your business absolutely needs a virtual office</a></h4>
                                        <!-- /.sidebar__post-title -->
                                    </div><!-- /.sidebar__post-content -->
                                </div><!-- /.sidebar__post__single -->
                                <div class="sidebar__post__single">
                                    <div class="sidebar__post-image">
                                        <div class="inner-block"><img src="assets/images/post-2.png"
                                                alt="Awesome Image" /></div>
                                        <!-- /.inner-block -->
                                    </div><!-- /.sidebar__post-image -->
                                    <div class="sidebar__post-content">
                                        <h4 class="sidebar__post-title"><a href="single-post.html">Why your business absolutely needs a virtual office</a></h4>
                                        <!-- /.sidebar__post-title -->
                                    </div><!-- /.sidebar__post-content -->
                                </div><!-- /.sidebar__post__single -->
                                <div class="sidebar__post__single item">
                                    <div class="sidebar__post-image">
                                        <div class="inner-block"><img src="assets/images/post-3.png"
                                                alt="Awesome Image" /></div>
                                        <!-- /.inner-block -->
                                    </div><!-- /.sidebar__post-image -->
                                    <div class="sidebar__post-content">
                                        <h4 class="sidebar__post-title"><a href="single-post.html">Why your business absolutely needs a virtual office</a></h4>
                                        <!-- /.sidebar__post-title -->
                                    </div><!-- /.sidebar__post-content -->
                                </div><!-- /.sidebar__post__single -->
                            </div><!-- /.sidebar__post-wrap -->
                        </div><!-- /.sidebar__single -->
                        <div class="sidebar__single sidebar__tags">
                            <h3 class="sidebar__title">Tags</h3><!-- /.sidebar__title -->
                            <ul class="sidebar__tags-list">
                                <li class="sidebar__tags-list-item"><a href="#">Coworking,</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Business,</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Virtual office</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Privateoffice,</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Cabin,</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Creatives,</a></li>
                                <li class="sidebar__tags-list-item"><a href="#">Officesuites,</a></li>
                            </ul><!-- /.sidebar__category-list -->
                        </div><!-- /.sidebar__single -->
                    </div><!-- /.sidebar -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.blog-details -->

    <!--====== BLOG DETAILSSTART ======-->
    
    <!--====== FOOTER PART START ======-->
    
    <section class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="footer-about mt-30">
                        <div class="logo">
                            <a href="#"><img src="assets/images/logo-2.png" alt="logo"></a>
                        </div>
                        <p>Codesk is a premium wordpress theme for coworking space, freelancers, creatives and a wide range of other businesses.</p>
                        <ul>
                            <li><a href="mailto:needhelp@codesk.com">needhelp@codesk.com</a></li>
                            <li><a href="tel:7778880000">777 888 0000</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-list mt-30">
                        <h4 class="title">Company</h4>
                        <ul>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Latest events</a></li>
                            <li><a href="#">Our services</a></li>
                            <li><a href="#">News & articles</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-list pl-35 mt-30">
                        <h4 class="title">Explore</h4>
                        <ul>
                            <li><a href="#">Our history</a></li>
                            <li><a href="#">Help & support</a></li>
                            <li><a href="#">Privacy policy</a></li>
                            <li><a href="#">Terms & condition</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-address mt-30">
                        <h3 class="title">Address</h3>
                        <p>20 Broklyn street, New york. United states of america</p>
                        <iframe src="https://ditu.google.cn/maps/embed?pb=!1m14!1m12!1m3!1d14612.97540392891!2d90.497437!3d23.70298445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1590471441805!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                        <span><i class="fa fa-map-marker"></i> Find us on Map</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copyright d-block d-md-flex justify-content-between align-items-center">
                            <p>© Copyright 2020 by Layerdrops.com</p>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-pattern">
            <img src="assets/images/footer-pattern.png" alt="">
        </div>
        <div class="footer-logo">
            <img src="assets/images/footer-logo.png" alt="">
        </div>
    </section>
    
    <!--====== FOOTER PART ENDS ======-->
    
    <!--====== GO TO TOP PART START ======-->
    
    <div class="go-top-area">
        <div class="go-top-wrap">
            <div class="go-top-btn-wrap">
                <div class="go-top go-top-btn">
                    <i class="fa fa-angle-double-up"></i>
                    <i class="fa fa-angle-double-up"></i>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== GO TO TOP PART ENDS ======-->
    
    
    


    
    <!--====== jquery js ======-->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.0.js"></script>

    <!--====== Bootstrap js ======-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    
    <!--====== Slick js ======-->
    <script src="assets/js/slick.min.js"></script>
    
    <!--====== odometer js ======-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    
    <!--====== wow js ======-->
    <script src="assets/js/wow.js"></script>
    
    <!--====== nice select js ======-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    
    <!--====== Magnific Popup js ======-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    
    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

</body>

</html>
